<script setup>
import { ref } from "vue";
import { Button } from "ant-design-vue";
import ArticleCard from "./ArticleCard";
import {
  SettingOutlined,
  EditOutlined,
  EllipsisOutlined,
} from "@ant-design/icons-vue";

defineProps({
  msg: String,
});

const count = ref(0);
</script>

<template>
  <a-list item-layout="horizontal" :data-source="data">
    <template #renderItem="{ item }">
      <a-list-item>
      <ArticleCard></ArticleCard>
    </template>
  </a-list>

  <a-button>Add</a-button>
</template>

<style scoped>
a {
  color: #42b983;
}
</style>
